<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片轮播演示</title>
    <link rel="stylesheet" href="CSS/normalize.css">
    <link rel="stylesheet" href="js_four.css">
</head>
<body>
<div class="news_pic">
    <ul>
        <li class="first"><a href="#" title="信息学院举办助理辅导员选拔活动" data-image="./image/01.jpg"
                             data-url="[图片]http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">1</a></li>
        <li><a href="#" title="我校信息学院与360企业安全集团举行网络安全人才培养基地签约仪式"data-image="./image/02.jpg"
               data-url="[图片]http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">2</a></li>
        <li><a href="#" title="信息学院召开网络安全教育大会" data-image="./image/03.jpg"
               data-url="[图片]http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">3</a></li>
        <li><a href="#" title="信息学院召开2017级新生开学典礼暨军训动员大会" data-image="./image/04.jpg"
               data-url="[图片]http://www.jju.edu.cn" onclick="clickShowPic(this);return false;">4</a></li>
    </ul>
    <div>
        <img id="placeholder" src="" alt="新闻图片">
        <p><a id="description" href="">新闻标题</a></p>
    </div>
</div>
<script src="js_four.js"></script>
</body>
</html>